 <div class="modal-header"><h1>投图优化 </h1></div>
    <div class="modal-body row">
        <div class="m0">


            <div class="m1-1"><span class="m1">创意图片：</span> <br><img class="img-responsive" src="http://placehold.it/100x100">


                <button type="button" class="btn btn-default ">放大预览</button>
                <button type="button" class="btn btn-default ">重新裁剪</button>

                <br>

            </div>
            <div class="m4">
                <h3>投图优化:</h3>
                <h5>图片拖动可删除</h5>
                <div  class="table-responsive  m8">
                <table>
                    <tr>
                        <td><img class="img-responsive" src="http://placehold.it/30x30"></td>
                        <td><h5>FASHION</h5></td>
                    </tr>
                    <tr>
                        <td><img class="img-responsive" src="http://placehold.it/30x30"></td>
                        <td><h5>打造大码女装最时尚</h5></td>
                    </tr>
                    <tr>
                        <td><img class="img-responsive" src="http://placehold.it/30x30"></td>
                        <td><h5>舒适透气</h5></td>
                    </tr>
                    <tr>
                        <td><img class="img-responsive" src="http://placehold.it/30x30"></td>
                        <td><h5>110-210斤</h5></td>
                    </tr>
                    <tr>
                        <td><img class="img-responsive" src="http://placehold.it/30x30"></td>
                        <td><h5>包邮</h5></td>
                    </tr>
                </table>
</div>
            </div>
            <br>
            <div class="m3">

                <h5>相类似的高点击图片</h5>
                <div> <table><tr><td><img class="img-responsive" src="http://placehold.it/70x70"></td>
                    <td><img class="img-responsive" src="http://placehold.it/70x70"></td>
                    <td><img class="img-responsive" src="http://placehold.it/70x70"></td>
                    <td><img class="img-responsive" src="http://placehold.it/70x70"></td></tr> </table></div>

            </div>
        </div>
        <div class="m0-0">
            <ul class="nav nav-tabs">
                <li role="presentation" ng-class="{active: (currentTab == 'hanxi')}" ng-click="showhanxi()"><a
                        href="javascript:;;">韩系日风</a></li>
                <li role="presentation" ng-class="{active: (currentTab == 'daqi')}" ng-click="showdaqi()"><a
                        href="javascript:;;">简洁大气</a></li>
                <li role="presentation" ng-class="{active: (currentTab == 'donggan')}" ng-click="showdonggan()"><a
                        href="javascript:;;">炫酷动感</a></li>
                <li role="presentation" ng-class="{active: (currentTab == 'fugu')}" ng-click="showfugu()"><a
                        href="javascript:;;">欧美复古</a></li>
                <li role="presentation" ng-class="{active: (currentTab == 'xuanku')}" ng-click="showxuanku()"><a
                        href="javascript:;;">炫酷动感</a></li>
                <li role="presentation" ng-class="{active: (currentTab == 'qingxin')}" ng-click="showqingxin()"><a
                        href="javascript:;;">清新自然</a></li>
                <li role="presentation" ng-class="{active: (currentTab == 'youya')}" ng-click="showyouya()"><a
                        href="javascript:;;">优雅时尚</a></li>
                <li role="presentation" ng-class="{active: (currentTab == 'yundong')}" ng-click="showyundong()"><a
                        href="javascript:;;">运动健康</a></li>
            </ul>


            <table class="u1" ng-hide="hanxiimg">
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>

            </table>
            <table class="u2" ng-show="daqiimg">
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>

            </table>
            <table class="u3" ng-show="dongganimg">
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>

            </table>
            <table class="u4" ng-show="fuguimg">
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>

            </table>
            <table class="u5" ng-show="xuankuimg">
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>

            </table>
            <table class="u6" ng-show="qingxinimg">
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>

            </table>
            <table class="u7" ng-show="youyaimg">
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>

            </table>
            <table class="u8" ng-show="yundongimg">
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>
                <tr>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                    <td><img class="img-responsive" src="http://placehold.it/130x130"></td>
                </tr>

            </table>

        </div>
    </div>


    <div class="modal-footer">
        <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
        <button class="btn btn-warning" type="button" ng-click="cancel()">退出</button>
    </div>
